<template>
  <div class="mgb-20">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item
        v-for="(item,index) in breadList"
        :key="index"
        :to="{ path: item.path }"
      >
      <i v-if="index==0" class="el-icon-s-home"></i>
      {{item.name}}
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
export default {
  // name: "breadcrumbs",
  data() {
    return {
      breadList: []
    };
  },
  mounted(){
    this.breadList=this.$route.matched;
  },
};
</script>
